<template>
  <div class="mdh">字段columns内属性</div>
  <div class="view">适用于headerOptions，searchOptions，tableOptions，弹窗</div>
  <CodeView :code="codeProperty" />
</template>
<script setup lang="tsx">
const codeProperty = `
export default {
  columns: [
    {
      // 【可选】字段前中文
      label:'',
      // 【可选】表单字段名
      prop: "name",
      // 【必填】表单字段名
      comtype: "text",
      // 【可选】是否必填
      require: false,
      // 【可选】同element-ui中form验证rules条件
      rules: [],
      // 【可选】是否可见
      visiable: true,
      // 【可选】行宽度，默认沾满一行，这里还要优化
      width: 200,
      // 【可选】editor行高度
      height: 19.79,
      // 【可选】组件上加的style标签
      style: null,
      // 【可选】select下拉框的枚举值，默认取现filed：'label'，和returnFiled:'value'字段
      dicData: [],
      // 【可选】select下拉框枚举值显示字段
      filed: 'label',
      // 【可选】select下拉框枚举值返回选中字段
      returnFiled: 'value',
      // 【可选】text输入框placeholder
      placeholder: '',
      // 【可选】button、tag按钮点击事件
      onClick: ()=>null,
      // 【可选】button、tag按钮type类型，取element-ui的button: primary  warnint  danger 等
      type: "primary",
      // 【可选】button、tag外部el-tooltip文字
      tip: '',
      //【可选】selectday日期组件，返回制定日期开始日期给字段
      startTimeField: '',
      //【可选】selectday日期组件，返回制定日期结束日期给字段
      endTimeField: '',
      //【可选】textarea行数
      rows: 3,
      //【可选】el-tag点击事件
    },
  ],
}
`
</script>
